<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>个人中心——我的订单</title>
  <link rel="stylesheet" href="../css/normalize.css">
  <link rel="stylesheet" href="../css/base.css">
  <link rel="stylesheet" href="../css/head.css">
  <link rel="stylesheet" href="../css/footer.css">
  <link rel="stylesheet" href="../css/member.css">
  <link rel="stylesheet" href="../css/bootstrap.min.css">
  <script src="../script/jquery.min.js"></script>
  <script src="../script/bootstrap.min.js"></script>
</head>
<body>
  <header>
    <div class="container">
      <div class="identity">
        <p class="logo"><img src="../assets/images/logo.png" alt=""></p>
        <p class="title">飞卓自考网</ph3>
      </div>
      <ul class="nav">
        <li><a href="index.html">首页</a></li>
        <li><a href="about.html">关于我们</a></li>
        <li><a href="major.html">报考专业</a></li>
        <li><a href="examination.html">备考资讯</a></li>
        <li><a href="share.html">资料分享</a></li>
      </ul>
      <div class="opera">
        <a href="login.html">登录</a>
        <p>|</p>
        <a href="register.html" class="active">注册</a>
      </div>
      <!-- <div class="opera">
        <p>您好，小花龙!</p>
        <a href="myCourse.html" class="active">个人中心</a>
        <p>|</p>
        <a href="login.html">退出</a>
      </div> -->
    </div>
  </header>
  <section>
    <div class="container">
      <div class="member clearfix">
        <div class="slide">
          <div class="info">
            <img src="../assets/images/head.jpg" alt="">
            <p class="name">小华龙</p>
            <p>本年度累计学习 0分钟，已连续登录 2 天。</p>
          </div>
          <div class="nav">
            <ul>
              <li><a href="myCourse.html">我的课程</a></li>
              <li class="active"><a href="myOrder.html">我的订单</a></li>
              <li><a href="memberInvite.html">我的邀请</a></li>
              <li><a href="memberAccount.html">我的账号</a></li>
              <li><a href="memberPassword.html">修改密码</a></li>
            </ul>
          </div>
        </div>
        <div class="content order">
          <div class="title">我的订单</div>
          <div class="item clearfix">
            <div class="info">
              <div class="time">订单时间：2019-06-10 12:00:00</div>
              <div class="num">订单号：20190612122122011</div>
            </div>
            <div class="desc">
              <a href="" class="left">
                <div>本科</div>
                <p>汉语言文学</p>
              </a>
              <div class="middle">
                <p>汉语言文学专业</p>
                <p class="price">应付金额:￥10000.00</p>
              </div>
              <div class="right">
                <p><a href="confirmOrder.html" class="active">立即支付</a></p>
                <p><button>取消订单</button></p>
                <!-- <p><button>删除订单</button></p> -->
              </div>
            </div>
          </div>
          <div class="item clearfix">
            <div class="info">
              <div class="time">订单时间：2019-06-10 12:00:00</div>
              <div class="num">订单号：20190612122122011</div>
            </div>
            <div class="desc">
              <a href="" class="left">
                <div>本科</div>
                <p>汉语言文学</p>
              </a>
              <div class="middle">
                <p>汉语言文学专业</p>
                <p class="price">应付金额:￥10000.00</p>
              </div>
              <div class="right">
                <p><button>删除订单</button></p>
              </div>
            </div>
          </div>
          <nav aria-label="Page navigation example" class="my-pagination">
            <div class="total">共15条记录</div>
            <div class="page-size">
              <select name="">
                <option value="">5条/页</option>
                <option value="">10条/页</option>
                <option value="">15条/页</option>
                <option value="">20条/页</option>
              </select>
            </div>
            <ul class="pagination">
              <li class="page-item">
                <a class="page-link" href="#" aria-label="Previous">
                  <span aria-hidden="true">&#60;</span>
                </a>
              </li>
              <li class="page-item"><a class="page-link active" href="#">1</a></li>
              <li class="page-item"><a class="page-link" href="#">2</a></li>
              <li class="page-item"><a class="page-link" href="#">3</a></li>
              <li class="page-item">
                <a class="page-link" href="#" aria-label="Next">
                  <span aria-hidden="true">&#62;</span>
                </a>
              </li>
              <li class="all-page">共2页</li>
            </ul>
          </nav>
        </div>
      </div>
    </div>
  </section>
  <footer>
    <div class="container">
      <div class="content clearfix">
        <div class="left">
          <ul>
            <li><a href="">关于我们</a></li>
            <li><a href="">联系我们</a></li>
            <li><a href="">自考资讯</a></li>
            <li><a href="">资料分享</a></li>
          </ul>
          <div class="frend">
            <div>友情链接：</div>
            <ul>
              <li><a href="">飞卓自考平台网</a></li>
              <li><a href="">飞卓自考平台网</a></li>
              <li><a href="">飞卓自考平台网</a></li>
              <li><a href="">飞卓自考平台网</a></li>
              <li><a href="">飞卓自考平台网</a></li>
              <li><a href="">飞卓自考平台网</a></li>
            </ul>
          </div>
        </div>
        <div class="right">
          <p class="label">联系方式</p>
          <p>客服电话：027-87000003</p>
          <p>邮箱：123456789@qq.com</p>
        </div>
      </div>
    </div>
    <p class="copy-right">
      Copyright 2019.All rights reserved.
    </p>
  </footer>
</body>
</html>